#fullpage .section{
	overflow: hidden;
}
#section1{
	background: url("../img/page1_bg.jpg") no-repeat center;
	width: 100%;
	height: 100%;
	background-size: cover;
}
.page1_infoBox{
	width: 406px;
	height: 100%;
	position: absolute;
	left: 25%;
	margin-left: -203px;
	top: 0;
}
.logoImg{
	position: absolute;
	top: -115px;
	left: 17%;

}
.downBtnBox{
	text-align: center;
	width: 250px;
	position: absolute;
	left: 17%;
	margin-left: 95px;
	bottom: -400px;
}
.top_show{
	-webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
	top: 5%;
}
.bottom_show{
	-webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
	bottom: 20%;
}
.downBtn{
	margin-top: 60px;
}
.downBtn a{
	display: block;
	width: 250px;
	height: 62px;
	margin-bottom: 25px;
	outline-width: 0;
	text-decoration: none;
	-webkit-text-decoration-skip: objects;
	transition:background 0.3s linear;
	-webkit-transition:background 0.3s linear;
	-moz-transition:background 0.3s linear;
	-o-transition:background 0.3s linear;
}
.downBtn a.down_ios{
	background: url("../img/down_ios.png") no-repeat center;
}
.downBtn a.down_ios:hover{
	background: url("../img/down_ios_hover.png") no-repeat center;
}
.downBtn a.down_android{
	background: url("../img/down_android.png") no-repeat center;
}
.downBtn a.down_android:hover{
	background: url("../img/down_android_hover.png") no-repeat center;
}

.page1_imgBox{
	display: block;
    position: absolute;
    z-index: 1;
    top: 42%;
    margin-top: -300px;
    right: 25%;
    width: 443px;
    height: 831px;
    margin-right: -291px;
}
.page1_imgBox img{
	position: absolute;
	left: 0;
	bottom: 0;
}
#page1_phone1{
	z-index: 2;
}
#page1_phone2{    
	bottom: 35px;
}
#page1_phone2.active{
	-webkit-transition: all .7s ease-out;
    -moz-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    transition: all .7s ease-out;
	-webkit-transform: translate3d(-60%,0px,0px);
	-moz-transform: translate3d(-60%,0px,0px);
	-ms-transform: translate3d(-60%,0px,0px);
	transform: translate3d(-60%,0px,0px);
}
#page2_bg{
	position: absolute;
	top: 0;
	left: 0;
	background:#252525 url("../img/page2_blackbg.png") no-repeat center;
	width: 50%;
	height:90%;
	opacity: 0;
}
#page2_phone{
	position: absolute;
    left: 25%;
    bottom: 2%;
    opacity: 0;
    z-index: 2;
    margin-left: -171px;
}
#page2_text{
	position: absolute;
    top: 50%;
    right: 25%;
    margin-top: -141px;
    opacity: 0;
    margin-right: -155px;
}
#page3_bg{
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height:90%;
	opacity: 0;
	background:#7494f3 url("../img/page3_bluebg.png") no-repeat center;
}
#page3_phone{
	position: absolute;
	right: 25%;
	margin-right: -178px;
	bottom: 2%;
	opacity: 0;
	z-index: 2;
}
#page3_text{
	position: absolute;
	top: 50%;
	left:25%;
	margin-top: -141px;
    margin-left: -212.5px;
	opacity: 0;

}

#page4_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 90%;
	opacity: 0;
	background:#252525 url("../img/page4_blackbg.png") no-repeat center;
}
#page4_phone{
	position: absolute;
	left: 25%;
	bottom: 2%;
	opacity: 0;
	z-index: 2;
	margin-left: -155px;
}
#page4_text{
	position: absolute;
	top: 50%;
	right: 25%;
	margin-top: -141px;
	margin-right: -202px;
	opacity: 0;
}
@-webkit-keyframes fadebg {
  0% {opacity: 0}
  25% {opacity: .5}
  50% {opacity: 1;}
  75% {opacity: .5;}
  100% {opacity: 0;}
}
@keyframes fadebg {
  0% {opacity: 0}
  25% {opacity: .5}
  50% {opacity: 1;}
  75% {opacity: .5;}
  100% {opacity: 0;}
}






.nextPage {
	position: absolute;
	left: 50%;
	bottom: 20px;
	z-index: 100;
	width: 72px;
	height: 38px;
	margin-left: -36px;
	display: block;
	background-image: url("../img/nextpage.png");
}
.nextPage_gray{
	background-image: url("../img/nextpage_gray.png");
}
.godown span{
  position: absolute;
  height: 53px;
  left: 0%;
  bottom: 35px;
  font-size: 14px;
}
.nextPage { 
	-webkit-animation: fade 2s infinite linear; 
	animation: fade 2s infinite linear;
}
@-webkit-keyframes fade {
  0% {bottom: 20px;}
  50% {bottom: 25px;}
  100% {bottom: 20px;}
}
@keyframes fade {
  0% {bottom: 20px;}
  50% {bottom: 25px;}
  100% {bottom: 20px;}
}

.copyright{
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(78, 77, 77, 0.54);
    height: 50px;
    z-index: 99;
    font-size: 22px;
    color: #fff;
    line-height: 50px;
    text-align: center;
}


/*
#page2_round{
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-animation:play 3s linear infinite;
    -moz-animation:play 3s linear infinite;
    animation:play 3s linear infinite;
}
@-webkit-keyframes play{
    0% {
    	 -webkit-transform:rotate(0deg);   
    }
    100% {
    	-webkit-transform:rotate(360deg);  
    }
}
@-moz-keyframes play{
    0% {
        -moz-transform:rotate(0deg);
    }
    100% {
        -moz-transform:rotate(360deg);
    }
}
@keyframes play{
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }
}*/